*{
    padding: 0;
    margin: 0;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
a{
    text-decoration: none !important;
}
ul,li{
    list-style: none;
}
$normal_size:12px;
.wrap{
        width:1150px;
        margin: 0 auto;
}
.banner{
    width: 100%;
    height: 600px;
    background: blueviolet;
    .banner_main{
        height: 509px;
        background: red;
        margin-top: 11px;
    }
}
.list{
    width: 100%;
    .list_1{
        height:794px ;
        background: gray;
        .title1{
            margin: 0 auto;
            color:#000000 ;
            width: 298px;
            height: 32px;
            border:2px solid #000000 ;
            h1{
                 line-height: 32px;
                 font-size: 15px;
                 text-align: center;
            }
        }
        .list_main_1{
            height: 642px;
            width: 1150px;
            background: blue;
            margin-top:40px ;
            .rpin_top{
                ul{
                    li{
                        float: left;
                        margin-left: 6px;
                        margin-bottom: 8px;
                    }
                }
            }
            .rpin_footer{
                height: 127px;
                width: 1150;
                a{
                    img{
                        height: 127px;
                        width: 1150px;
                    }
                }
            }
        }
    }
    .list_2{
        height: 600px;
        background: darkcyan;
        .title2{
            margin: 0 auto;
            width: 298px;
            height: 32px;
            border:2px solid #000000 ;
            h2{
                 line-height: 32px;
                 font-size: 15px;
                 text-align: center;
                 color:#000000 ;
            }
        }
        .list_main_2{
            height: 457px;
            margin-top:39px ;
            background: lawngreen;
            .youxuan_top{
                height:175px ;
                width: 1150px;
            }
            .youxuan_footer{
                height: 282px;
                widows: 1150px;
                ul{
                    li{
                        float: left;
                        margin:6px 6px 0 0;
                    }
                }
            }
        }
    }
    .list_3{
        height: 667px;
        background: whitesmoke;
        .title3{
            margin: 0 auto;
            width: 298px;
            height: 32px;
            border:2px solid #000000 ;
            h3{
                 line-height: 32px;
                 font-size: 15px;
                 text-align: center;
                 color:#000000 ;
            }
        }
        .list_main_3{
            height: 457px;
            margin-top:39px ;
            background: salmon;
            ul{
               width: 868px;
               float: left;
               li{
                   float: left;
                   margin: 0 6px 6px 0;
               }
            }
            .list_main_right{
                float: left;
                width: 282px;
            }
        }
    }
    .list_4{
        height: 965px;
        background: skyblue;
        .title4{
            margin: 0 auto;
            width: 298px;
            height: 32px;
            border:2px solid #000000 ;
            h4{
                 line-height: 32px;
                 font-size: 15px;
                 text-align: center;
                 color:#000000 ;
            }
        }
        .list_main_4{
            height: 810px;
            margin-top:39px ;
            background: wheat;
        }
    }
      .list_5{
        height: 966px;
        background: hotpink;
        .title5{
            margin: 0 auto;
            width: 298px;
            height: 32px;
            border:2px solid #000000 ;
            h5{
                 line-height: 32px;
                 font-size: 15px;
                 text-align: center;
                 color:#000000 ;
            }
        }
        .list_main_5{
            height: 810px;
            margin-top:39px ;
            background: saddlebrown;
        }
    }
}


.view{
    width: 100%;
    height: 267px;
    padding-top: 20px;
    background: #EEEEEE;
    .view_left{
        height: 207px;
        width: 370px;
        background: white;
        margin-right: 18px;
    }
    .view_mid{
        height: 207px;
        width: 370px;
        background: white;
        margin-right: 18px;
    }
    .view_right{
        height: 207px;
        width: 370px;
        background: white;
    }
}

.footer{
    width: 100%;
    height: 269px;
    background: black;
    .footer_top{
        height: 42px;
        border-bottom: 1px solid #262626;
        padding-top: 23px;
        .zheng{
            margin-right: 58px;
            img{
                vertical-align:middle;
                margin-right:4px ;
            }
            a{
                font-size: 12px;
                color: white;
                span{
                    color: red;
                }
            }
        }
        .tui{
            margin-right: 58px;
            img{
                vertical-align:middle;
                margin-right:4px ;
            }
             a{
                font-size: 12px;
                color: white;
                span{
                    color: red;
                }
            }
        }
        .kefu{
            margin-right: 58px;
            img{
                vertical-align:middle;
                margin-right:4px ;
            }
             a{
                font-size: 12px;
                color: white;
                span{
                    color: red;
                }
            }
        }
        input{
                height:33px ;
                width: 240px;
                background: #262626;
                outline: none;
                border: 0;
            }
        
    }
    .footer_mid{
        height: 132px;
        padding-top: 15px;
        ul{
            float: left;
            margin-right: 119px;
            li{
                h2{
                   color: white;
                   font-size: 12px; 
                }
                a{
                    color: #666666;
                    font-size: 12px;
                }
            }
        }
    }
    .footer_buttom{
        height: 68px;
        .shangbiao{
            width: 213px;
            height: 68px;
            img{
                float: left;
                margin-right:5px ;
            }
        }
        .dizhi{
            width:925px ;
            height:68px ;
            ul{
                height: 13px;
                width: 600px;
                li{
                    float: left;
                    border-right:1px solid #666;
                    a{
                        color: #666;
                        font-size:12px ;
                        padding: 0 15px;
                    }
                }
            }
        }
    }
}
.footer .footer_mid ul:last-child{
    margin-right: 0;
}
.footer .footer_buttom .dizhi p ul li:last-child{
    border-right:none ;
}












































